<html>
 <head></head> 
 <body id="v133"> 
  <meta id="v134" charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
  <link id="v135" rel="stylesheet" type="text/css" href="cssyang.css"> 
  <title id="v136">玖★主页</title> 
  <style id="v137">
    #mu
    {
      /*音乐按钮*/
      display:block;
      position:absolute;
      margin-top:27%;
      margin-left:5%;
      padding:8% 0px;
      width:40%;
      background-image: linear-gradient(#00abff,#fa8cff);
      border:2px solid #00a8bf;
      border-radius:18px;
      text-align:center;
      font-size:120%;
      margin-bottom:50px;
      box-shadow: 4px 7px 5px lightgray;
      }
#ma
    {
      /*鸣谢按钮*/
      display:block;
      position:absolute;
      margin-top:27%;
      margin-left:54%;
      padding:8% 0px;
      width:40%;
      background-image: linear-gradient(#ff9bb8,#ffdc31);
      border:2px solid #00a8bf;
      border-radius:18px;
      text-align:center;
      font-size:120%;
      margin-bottom:50px;
      box-shadow: 4px 7px 5px lightgray;
      }
        #my
    {
      /*弦长计算器*/
      display:block;
      position:absolute;
      margin-top:55%;
      margin-left:5%;
      padding:8% 0px;
      width:40%;
      /*background-color:#6bb5ff;*/
      background-image: linear-gradient(#00e48d,#2a60ff);
      border:2px solid #00a8bf;
      border-radius:18px;
      text-align:center;
      font-size:120%;
      margin-bottom:50px;
      box-shadow: 4px 7px 5px lightgray;
      }
    #md
    {
      /*平均数计算器*/
      display:block;
      position:absolute;
      margin-top:55%;
      margin-left:55%;
      padding:8% 0px;
      width:40%;
      /*background-color:#6bb5ff;*/
      background-image: linear-gradient(#1b89b6,#1bffc7);
      border:2px solid #00a8bf;
      border-radius:18px;
      text-align:center;
      font-size:120%;
      margin-bottom:50px;
      box-shadow: 4px 7px 5px lightgray;
      }
    #g1
    {
      position:relative;
      animation:myfirst 2s;
      }
    #g2
    {
      position: relative;
      animation: thk 2.1s;
    }
      #g3
    {
      position: relative;
      animation: com 2.2s;
    }
       #g4
    {
      position: relative;
      animation: nima 2.3s;
    }
  
    @keyframes myfirst
{
	0%   {top:500px;}
	100% {top:0;}
}
    @keyframes thk
{
      0% {top:500px;}
     20% {top:500px;}
	100% {top:0;}
}
    @keyframes com
{
	0%   {top:750px;}
    20%  {top:750px;}
	100% {top:0;}
}
    @keyframes nima
{
	0%   {top:750px;}
    20%  {top:750px;}
    40%  {top:750px;}
	100% {top:0;}
}
    
    
  </style> 
  <script src="js/jq.js"></script> 
  <div id="k1"> 
   <h1 id="v132">Welcome</h1> 
  </div> 
  <div id="g1"> 
   <a id="mu" href="x.html"> 鸣鸣の演唱会 </a> 
  </div> 
  <div id="g2"> 
   <a id="ma" href="thankers.html">鸣谢名单</a> 
  </div> 
  <div id="g3"> 
   <a id="my" href="computer.html">弦长计算器</a> 
  </div>
  <div id="g4"> 
   <a id="md" href="xb.html">平均数计算器</a> 
  </div>  
  <!--
  /**
 *_______________#########_______________________
 *______________############_____________________
 *______________#############____________________
 *_____________##__###########___________________
 *____________###__######_#####__________________
 *____________###_#######___####_________________
 *___________###__##########_####________________
 *__________####__###########_####_______________
 *________#####___###########__#####_____________
 *_______######___###_########___#####___________
 *_______#####___###___########___######_________
 *______######___###__###########___######_______
 *_____######___####_##############__######______
 *____#######__#####################_#######_____
 *____#######__##############################____
 *___#######__######_#################_#######___
 *___#######__######_######_#########___######___
 *___#######____##__######___######_____######___
 *___#######________######____#####_____#####____
 *____######________#####_____#####_____####_____
 *_____#####________####______#####_____###______
 *______#####______;###________###______#________
 *________##_______####________####______________
 *Miku保佑,永无bug/-->  
 </body>
</html>